var React = require('react');


var Bheader = require('../widget/Bheader');
var Footer = require('../widget/Footer');
var GT = require('../components/GT');

module.exports = React.createClass({
    getInitialState: function () {
        return {
            theme:"Default",
            AppVersonCode:""//版本号
        }
    },
    myScroll:"",

    componentDidMount: function () {
        if(window.jsbridge) {
            var AppVersonCode = window.jsbridge.getAppVerson();
            this.setState({AppVersonCode:AppVersonCode});
        }
        setTimeout(this.iscroll,500);
    },
    /**iScroll插件*/
    iscroll(){
        var p =this;
        p.myScroll = new IScroll("#aboutWrapper",{
            // 默认iscroll会拦截元素的默认事件处理函数，我们需要响应onClick，因此要配置
            preventDefault: false,
            // 禁止缩放
            zoom: false,
            // 支持鼠标事件，因为我开发是PC鼠标模拟的
            mouseWheel: true,
            // 滚动事件的探测灵敏度，1-3，越高越灵敏，兼容性越好，性能越差
            probeType: 3,
            // 拖拽超过上下界后出现弹射动画效果，用于实现下拉/上拉刷新
            bounce: true,
            // 展示滚动条
            scrollbars: false
        });
    },
    /**版本更新*/
    checkVerson(){
        if(window.jsbridge) {
            window.jsbridge.checkVerson();
        }
    },

    render: function () {
        var p = this;
        return (
            <div className="main"  id="main">
                <Bheader theme={this.state.theme} headr="false" title="关于跨乐购" hact="#wode"></Bheader>
                <div id="aboutWrapper" className="container-t noFooter">
                    <div style={{minHeight:"31.16rem"}} className="about">
                        <img src="http://115.29.198.39:8080/upload/aboutus/504231701519662237.jpg" alt=""/>
                        <div className="aboutOur">
                            <p className="Our">
                                跨乐购提供全球直采，跨境通关，门店 + 网络销售，线上支付结算，仓储物流，金融服务
                                等一站式服务，帮助实体店打造优质高效的跨境O2O体验店。
                            </p>
                            <div className="logo">
                                <img src="http://115.29.198.39:8080/upload/aboutus/50380992930163581.jpg" />
                                <p>当前版本：{p.state.AppVersonCode} </p>
                            </div>
                        </div>
                        <div className="info" onClick={p.checkVerson}>
                            <label>检查更新</label>
                            <div className="rt">
                                <label>当前为最新版本</label>
                                <GT></GT>
                            </div>

                        </div>
                        <div className="info">
                            <label>分享APP给小伙伴</label>
                            <div className="rt">
                                <GT></GT>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        )
    }
});
